{% extends "data_opform.html" %}
{% load i18n %}

{% block pre_addfields %}
	<tr>
		<td>
			<table>
			    <tr>
			        <th><label for="id_import_data">{% trans "选择需要导入的文件" %}:</label></th>
			        <td>
			            <input type="file" name="import_data" class="wZBaseFileField" id="id_import_data">
			        </td>
			    </tr>
			    <tr>
			        <th></th>
			        <td>{% trans "只支持.txt、.xls和.csv 格式文件" %} &nbsp;<!--<a target="_blank" href="/data/system/help/?p=/file/{{ LANGUAGE_CODE }}/help/employee_import.html">{% trans "如何获取?" %}</a>--></td>
			    </tr>
				{% if "SECURITY_AND_ZKECO"|filter_config_option %}
			    {%else%}
			    <tr>
			        <th><label for="id_import_data">{% trans "如果遇到人员编号重复的记录" %}:</label></th>
			        <td>
			            <input name = "duplicate_pin" type="radio" checked = "checked" value="0"/>{% trans "不导入" %}&nbsp;
			            <input name = "duplicate_pin" type="radio" value="1"/>{% trans "覆盖" %}
			        </td>
			    </tr>
				{%endif%}
			</table>
		</td>
		<td width = "30px"></td>
		<td>
			<table>
			    <tr>
			    	<th><label for="model_show">{% trans "导入模版示例" %}:</label></th>
			        <td id= "model_show">
			        	<div width="300" height="200">
			        		<img  src="{{ MEDIA_URL }}/images/emp_import_exam_{{ LANGUAGE_CODE }}.jpg">
			        	</div>
			        </td>
			    </tr>
				<tr>
			    	<th><label for="id_import_desc">{% trans "说明" %}:</label></th>
			    	<td>
			    		<br/>
						<p>{% trans '1、导入模板需要表头' %} </p>
						<p>{% trans '2、"人员编号"，"姓名"，"部门编号"是必选字段' %}</p> <!--，其他字段是可选的-->
						<p>{% trans '3、所有字段的格式必须为文本格式'%}</p>
			    	</td>
			    </tr>
			    <tr>
			    	<th></th>
			        <td>
			        	<a target="_blank" href="/{{request.surl}}base/import_template/{{ app_label }}/{{ model_name }}/">{% trans ">> 获取导入模版" %}</a>
			        </td>
			    </tr>
			</table>	
		</td>
	</tr>

    <tr>
        <td clospan="2">
            <input name = "app_label" type="hidden"  value="{{ app_label }}" />
            <input name = "model_name" type="hidden" value="{{ model_name }}" />
        </td>
    </tr>
{% endblock %}
{% block edit_buttons %}
    <div class="editformbtn">
        <div class="lineH22 img_padding">
            <span class="action_OK"></span>
            <a class="Link_blue1" href="javascript:void(0)" id="id_confirm">{% trans "确定" %}</a>
        </div>
        <div class="lineH22 img_padding">
            <span class="action_Cancel"></span>
            <a class="Link_blue1" href="javascript:void(0)" id="Cancel">{% trans "取消" %}</a>
        </div>
    </div>
{% endblock %}
{% block addjs %}
    var processInterval = null;
    var processLayer = null;
    var processLayerIndex = null;
    var requestStamp = '';
    var dataTotal = 0
    var action_close = function(){
        var grid = $("#id_datalist").get(0);
        if(grid.g.do_action_template){
            $(".class_div_edit").empty();
        }else{
            $(".class_div_edit").remove();
        }
        $(grid).show();
        if(true){
            if(grid) grid.g.load_data();
        }
        if(grid.g){
            $.zk._hide_switch(false,grid.g.do_action_masker_div);//隐藏
        }else{
            $.zk._hide_switch(false);
        }
        if(typeof(after_close)!="undefined"){
            after_close();
        }
    };
    var onProcessRefresh = function(layero, index){
        var stamp0 = new Date().getTime();
        $.ajax({
            url: '/personnel/{{ request.surl }}data_progressbar/?model=emp&stamp='+requestStamp,
            type:'GET',
            dataType:'json',
            success: function(callback){
                var data = callback;
                var title = data['status'];
                var total = data['total'];
                dataTotal = total;
                var finish = data['finish'];
                var tp = data['tp'];
                var fp = data['fp'];
                processLayer.find("#process_title").html(title);
                processLayer.find("#labledetail").html(total);
                processLayer.find("#lablewait").html(finish);
                processLayer.find("#spaceuseddetail").progressBar(tp, {increment:100,barImage: '/media/images/progressbg_green.gif?'+stamp0});
                processLayer.find("#spaceusedtol").progressBar(fp, {increment:100,barImage: '/media/images/progressbg_green.gif?'+stamp0});
                if(data['error_info'] != ""){
                    clearInterval(processInterval);
                    if(processLayerIndex){
                        layer.close(processLayerIndex);
                    }
                    $("#id_info").html('<ul class="errorlist"><li>'+data['error_info']+'</li></ul>');
                }
                if(fp == 100){
                    setTimeout(function(){
                        clearInterval(processInterval);
                        layer.close(processLayerIndex);
                        action_close();
                    }, 3000);
                }
            },
            error:function(){
            }
        });
    };
    var onProcess = function(){
        var vbox=""
            +"<div id='processWindow'><div id='gz_processStatus' style='background-color:#000000;'></div>"
            +"<div id='show_process_status'>"
            +"  <div id='process_title' style='padding: 5px 0 15px 5px'></div>"
            +"  <div id='detail_process' style='margin-bottom:3px;'>"
            +"      <table style='border:1'><tr>"
            +"          <td width='130px' align='center'><label id='labledetail'></label></td>"
            +"          <td width='130px' align='center'><label id='lablewait'></label></td>"
            +"      </tr></table>"
            +"  </div>"
            +"  <div id='total_process' style=''>"
            +"      <table align='center'><tr>"
            +"          <td colspan='2' height='30px' align='center' style='padding-top:3px;'>"
            +"              <span class='progressBar' id='spaceusedtol'>0%</span>"
            +"          </td>"
            +"      </tr></table>"
            +"  </div>"
            +"</div></div>";
        var options = {
            title: gettext("温馨提示"),
            area: ['auto', '170px'],
            skin: 'option_dialog',
            shadeClose: false,
            success: function(layero, index){
                processLayer = layero;
                processLayerIndex = index;
                processInterval = window.setInterval('onProcessRefresh()', 3000);
            },
            cancel: function(index){
                layer.close(index);
                clearInterval(processInterval);
            }
        };
        $(vbox).layerDialog(options);
    };
    $("#id_confirm").click(function(){
        var stamp1 = new Date().getTime();
        requestStamp = stamp1;
        var import_url = "/data/personnel/Employee/_op_/dataimport/?stamp="+stamp1;
        var edit_form = $(".class_div_edit").find("#id_edit_form");
        $(edit_form).ajaxSubmit({
            url: import_url,
            dataType: "html",
            success: function(callback){
                if(callback.indexOf('{ Info:"OK" }')!=-1){
                    onProcess();
                }else{
                    var $error=$(callback).find("ul.errorlist");
                    if($error.length!=0){
                        $("#id_info").html($error.eq(0)).hide().show(100);
                    }else{
                        $("#id_info").html(callback);
                    }
                }
            }
        });
    });
{% endblock %}